<html lang="ru">

<head>
    <meta charset=utf-8>
    <link rel="stylesheet" href="panel.css">
</head>

<body>
<div class="container">
    <h2>Загрузчик HAR фалов</h2>
    <div class="controls">
        <div>
            <button id="button_get_har">Получить HAR в ручном режиме</button>
        </div>
        <br>
        <div>
            <input id="is_periodically_load" type="checkbox">
            <label for="is_periodically_load">Загружать автоматически</label>
        </div>
        <br>
        <div>
            <label for="text_input_timeout">Таймаут в мс.:</label>
            <input type="text" id="text_input_timeout" required minlength="4" maxlength="8" size="10" disabled value="1000"/>
            <button id="button_set_timeout">Изменить таймаут загрузки</button>
            <p id="info">Записей не получено...</p>
        </div>
        <br>
        <div>
            <label for="text_input_download_har">Имя файла:</label>
            <input type="text" id="text_input_download_har" required minlength="4" maxlength="8" size="10" value="text.har"/>
            <button id="button_download_har">Загрузить HAR-файл</button>
        </div>
    </div>
</div>
<script type="module" src="./panel.js"></script>
</body>

</html>